<template>
  <div class="child2">
    <h2>我是子组件2:曹丕</h2>
  </div>
</template>

<script setup lang="ts">
//引入$bus对象
import { onMounted } from 'vue';
import $bus from '../../bus';
// 组件挂载完毕时，当前组件绑定一个事件，接收将来兄弟组件传递的数据
onMounted(() => {
  // 第一个参数：即为事件类型
  // 第二个参数：事件回调
  $bus.on('poem', (poem) => {
    console.log(poem);
  });
});
</script>

<style scoped>
.child2 {
  width: 300px;
  height: 300px;
  background: rgb(169, 209, 225);
}
</style>